<template>
  <div>
    <f-notification :value="50" icon="ChatRound">
      <template #default>
        <f-list
          :list="list"
          :actions="actions"
          @clickItem="clickItem"
          @clickAction="clickAction"
        ></f-list>
      </template>
    </f-notification>
  </div>
</template>

<script lang="ts" setup>
  import {} from 'vue'
  import { list, actions } from './data'
  let clickItem = (val: any) => {
    console.log(val)
  }
  let clickAction = (val: any) => {
    console.log(val)
  }
</script>
<style lang="scss" scoped></style>
